<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>vue快速入门</title>
    <script src="js/vue.js"></script>
</head>
<body>
      <div id="app">
              显示vue  data 数据模型数据   view
             <p>{{hello}}</p>
              <div>{{name}}</div>
      </div>
  <script>
         //   第一步 声明vue对象   json 数据定义vue对象参数  model
                       //  el    element    html标签 转换 vue可以识别的标签对象  $el
               var  vue  = new Vue({
                   el:"#app",
                   //  定义数据模型
                   data:{
                       hello:'world',  //  data定义数据模型更新页面view  语法 插值表达式  {{key}}
                       name:'heima',
                       userlist:[]
                   }

           })

  </script>


</body>
</html>